class Observer {
    constructor (data) {
        this.walk(data)
    }
    walk (data) {
        // 遍历所有属性
        if(!data || typeof data !== 'object') {
            return
        }
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }

    defineReactive (obj, key, val) {
        let self = this
        // 创建 dep 对象，负责收集依赖，发送通知
        let dep = new Dep()
        // 把 data 中的对象属性变成响应式
        this.walk(val)
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                Dep.target && dep.addSub(Dep.target)  // 收集依赖
                return val
            },
            set(newVal) {
                if(newVal === val) return
                val = newVal
                // 重新赋值 data 中的非对象为对象时，将其属性变成响应式
                self.walk(newVal)

                dep.notify()  // 发送通知
            }
        })

    }
}